{% extends 'base.html' %}

{% block body %}
    <div class="row" style="margin-top: 50px">
        <div class="col-sm-12">
            <h2 align="center" style="color: black;font-size: 40px">欢迎使用向日葵自然语言处理系统</h2>

        </div>


        <div class="col-sm-2" style="margin-top: 40px"></div>
        <div class="col-sm-8" style="margin-top: 40px">


            <form method="POST" action="/chat" id="login-box">
                <table class="input-box" align="center">
                    <h1 style="color: black">{{ the_title }}</h1>
                    <p>欢迎使用聊天机器人</p>
                    <tr class="input-box">
                        <td style="color:white;width:100px;">
                            <svg t="1610897532288" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg" p-id="1363" width="100" height="100">
                                <path d="M512 107.52c127.24736 0 230.4 103.15264 230.4 230.4 0 59.1104-22.26176 113.01888-58.8544 153.8048C832.7936 557.65504 936.96 706.98496 936.96 880.64v35.84H87.04v-35.84c0-173.66016 104.1664-322.99008 253.42464-388.9152C303.85664 450.93888 281.6 397.0304 281.6 337.92c0-127.24736 103.15264-230.4 230.4-230.4z m0 460.8c-144.896 0-266.73664 98.6624-302.01856 232.4736l-0.78336 3.0464H814.7968l-0.77824-3.0464c-34.86208-132.21376-154.24-230.1184-296.8576-232.43264L512 568.32z m0-348.16c-65.03936 0-117.76 52.72064-117.76 117.76s52.72064 117.76 117.76 117.76 117.76-52.72064 117.76-117.76-52.72064-117.76-117.76-117.76z"
                                      fill="#1296db" p-id="1364"></path>
                                <path d="M512 455.68c61.04064 0 119.07584 12.87168 171.53536 36.0448C641.36192 538.74176 580.13696 568.32 512 568.32s-129.36192-29.57824-171.5456-76.5952C392.92416 468.5568 450.95936 455.68 512 455.68z"
                                      fill="#1296db" p-id="1365"></path>
                            </svg>&emsp;
                        </td>
                        <td><input type="text" name="question" placeholder="" style="color: black"  value="{{ question }}">

                        </td>
                    </tr>
                    <tr></tr>
                    <tr class="input-box">

                    </tr>

                </table>
            <div>   {% if items %}
                    {{ items }}
                {% endif %}</div>

                <button type="submit">START</button>
            </form>


        </div>
    </div>

{% endblock %}
